<!DOCTYPE html>
<html>
<head>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/statics/js/html5.js"></script>
    <![endif]-->
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>{$site_seo_title}</title>
    <meta name="keywords" content="{$site_seo_keywords}"/>
    <meta name="description" content="{$site_seo_description}"/>
    <tc_include file="Public:common_statics_file"/>
    <script>
        $(function () {

        })
        function setContent(title,img,id) {
            $("#title").html(title);
            $("#img").attr("src",img);
            var content = $("#content_"+id).html();
            $("#content").html(content);
            $(".modal_pro").stop().fadeIn();
        }
    </script>
</head>
<body>
<tc_include file="Public:header"/>
<div class="mainer">
    <div class="page_banner">
        <div class="img"
             style="background:url(/statics/img/banner7.jpg) no-repeat center center; background-size:cover;">
            <div class="wrap">
                <div class="text">
                    <h2>产品展示</h2>
                    <p>派高服务于汽车内外饰及功能件、家电、食品包装、消费电子、医疗器械、办公设备等领域</p>
                </div>
            </div>
            <div class="page_pos">
                <div class="wrap">
                    <p>您当前位置 > <a href="/index.html">首页</a> > <a href="/product.html">产品展示</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="page_list">
        <div class="page on">
            <div class="title_taggle">
                <div class="wrap">
                    <ul>
                        <foreach name="productCategoryList" item="vo">
                            <li <eq name="cid" value="$vo.term_id">class="on"</eq>><a href="/product/{$vo.term_id}.html">{$vo.name}</a></li>
                        </foreach>
                    </ul>
                </div>
            </div>
            <div class="pro_list">
                <div class="wrap">
                    <ul>
                        <foreach name="list" item="vo">
                            <php>$pic = json_decode($vo['smeta'],true);</php>
                        <li><a href="javascript:void(0)" onclick="setContent('{$vo.title}','{:sp_get_asset_upload_path($pic[\'thumb\'])}',{$vo.id})">
                            <div class="img"><img src="{:sp_get_asset_upload_path($pic['thumb'])}"/></div>
                            <div class="text"><h3>{$vo.title}</h3><span>查看详情</span></div>
                        </a>
                        <div style="display: none" id="content_{$vo.id}">
                            {$vo.content}
                        </div>
                        </li>
                        </foreach>
                    </ul>
                    <div class="clear"></div>
                    <div class="page_cur">
                        <a class="prev" href="<php>if($total > 1 && $p > 1) echo '/product'.($cid?'/'.$cid:'').'.html?p='.($p - 1);else echo 'javascript:;';</php>"></a>
                        <a href="<php>if($total > 1 && $p < $total) echo '/product'.($cid?'/'.$cid:'').'.html?p='.($p + 1);else echo 'javascript:;';</php>" class="next"></a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<tc_include file="Public:footer"/>
<div class="modal modal_pro">
    <div class="fp_modal">
        <div class="cell">
            <div class="modal_cont">
                <div class="title">
                    <h3><span id="title">Loading</span></h3>
                    <div class="close"></div>
                </div>
                <div class="modal_text">
                    <div class="img"><img  id="img" src="/statics/img/img23.jpg"/></div>
                    <div class="text">
                        <p id="content">loading</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>